<!-- /.section, /#navigation -->
<div id="main-wrapper">
  <div id="main" class="clearfix with-navigation">
    <div id="content" class="column">
      <div class="section">
      	<!--{$htmlErrMsg}-->
      	
        <div class="tabs">
          <ul class="tabs primary clearfix">
            <li class="active">
              <a href="<!--{$smarty.const.HTTP_URL}-->regist/regist.php" class="active">
                <span class="tab">Create new account </span>
              </a>
            </li>
            <li>
              <a href="<!--{$smarty.const.HTTP_URL}-->regist/login.php">
                <span class="tab">Log in </span>
              </a>
            </li>
            <li>
              <a href="<!--{$smarty.const.HTTP_URL}-->regist/newPassWord.php">
                <span class="tab">Request new password </span>
              </a>
            </li>
          </ul>
        </div>
        
        <div id="content-area">
          <form action="<!--{$smarty.const.HTTP_URL}-->regist/regist.php" method="post" id="user-register" >
          <input type="hidden" name="mode" id="mode" value="confirm" />
          <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
          
            <div>
              <!-- EMAIL -->
              <div class="form-item" id="edit-mail-wrapper">
                <label for="edit-mail">E-mail: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input maxlength="64" name="mail" id="mail" size="60" value="<!--{$regist_postVal.mail|escape}-->" class="form-text required" type="text">
                <span class="form-required" id="msg-for-mail"></span>
                
                <div class="description">A valid e-mail address. All e-mails from the system will be sent to this address. The e-mail address is not made public and will only be used if you wish to receive a new password or wish to receive certain news or notifications by e-mail.</div>
              </div>
              
              <!-- password -->
              <div class="form-item" id="edit-pass-wrapper">
                <div class="form-item password-parent" id="edit-pass-pass1-wrapper">
                  <label for="edit-pass-pass1">Password: 
                    <span class="form-required" title="This field is required.">* </span>
                  </label>
                  <input name="password1" id="password1" maxlength="128" size="25" 
                  		 class="form-text required password-field password-processed" 
                  		 value = "<!--{$regist_postVal.password1|escape}-->"
                  		 type="password">
                  <span class="form-required" id="msg-for-password1"></span>
                </div>
                <div class="form-item confirm-parent" id="edit-pass-pass2-wrapper">
                  <label for="edit-pass-pass2">Confirm password: 
                    <span class="form-required" title="This field is required.">* </span>
                  </label>
                  <input name="password2" id="password2" maxlength="128" size="25" 
                  		 class="form-text required password-confirm" 
                  		 value = "<!--{$regist_postVal.password1|escape}-->"
                  		 type="password">
                  <span class="form-required" id="msg-for-password2"></span>
                  
                </div>
                <div style="display: none;" class="password-description"></div>
                	<div class="description">Provide a password for the new account in both fields.</div>
              	</div>

              <!-- location -->
              <div class="form-item" id="edit-field-location-value-wrapper">
                <label for="edit-field-location-value">Location: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <select name="location" class="form-select required" id="location">
                 <!--{html_options options=$locationList selected="1"}-->
                </select>
              </div>
              
              <!-- Title -->
              <div class="form-item" id="edit-field-title-value-wrapper">
                <label for="edit-field-title-value">Title: </label>
                <select name="title" class="form-select" id="title">
                 <!--{html_options options=$titleList selected="1" }-->
                </select>
              </div>
              
              <div class="form-item" id="edit-field-lastname-0-value-wrapper">
                <label for="edit-field-lastname-0-value">Last Name: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input name="lastname" id="lastname" size="60" value="" class="form-text required text" type="text">
              	<span class="form-required" id="msg-for-lastname"></span>
              </div>
              <div class="form-item" id="edit-field-firstname-0-value-wrapper">
                <label for="edit-field-firstname-0-value">First Name: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input name="firstname" id="firstname" size="60" value="" class="form-text required text" type="text">
              	<span class="form-required" id="msg-for-firstname"></span>
              </div>
              <div class="form-item" id="edit-field-mi-0-value-wrapper">
                <label for="edit-field-mi-0-value">M.I.: </label>
                <input name="field_mi" id="field_mi" size="60" value="" class="form-text text" type="text">
              </div>
              <div class="form-item" id="edit-field-nameinchinese-value-wrapper">
                <label for="edit-field-nameinchinese-value">Name in Chinese: </label>
                <select name="nameinchinese" class="form-select" id="nameinchinese">
                  <!--{html_options options=$degreeList }-->
                </select>
              </div>
              <div class="form-item" id="edit-field-affiliation-0-value-wrapper">
                <label for="edit-field-affiliation-0-value">Affiliation/Employer: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input name="affiliation" id="affiliation" size="60" value="" class="form-text required text" type="text">
              	<span class="form-required" id="msg-for-affiliation"></span>
              </div>
              <div class="form-item" id="edit-field-specialties-value-wrapper">
                <label for="edit-field-specialties-value">Specialties: </label>
                <select name="specialties" class="form-select" id="specialties">
                   <!--{html_options options=$specialtiesList selected="1" }-->
                </select>
              </div>
              <div class="form-item" id="edit-field-keywords-0-value-wrapper">
                <label for="edit-field-keywords-0-value">key words: </label>
                <div class="resizable-textarea">
                  <span>
                    <textarea cols="60" rows="5" name="keywords" id="keywords" class="form-textarea resizable textarea-processed"></textarea>
                    <div style="margin-right: -302px;" class="grippie"> </div>
                  </span>
                </div>
              </div>
              <fieldset class="group-select1">
                <legend>select1 </legend>
                <div class="form-item">
                  <label>Mailling Address: 
                    <span class="form-required" title="This field is required.">* </span>
                  </label>
                  <div class="form-radios">
                  	
                  <!--{foreach key=item_key from=$maillingAddressList item=maillings}-->
                    <div class="form-item" id="edit-field-mailaddress-value-Home-wrapper">
                      <label class="option" for="edit-field-mailaddress-value-Home">
                        <input id="mailaddress-<!--{$maillings|escape}-->" name="mailaddress" 
                        	   value="<!--{$item_key}-->" 
                        	   class="form-radio" 
                        	   type="radio"><!--{$maillings|escape}-->
                      </label>
                    </div>
                  <!--{/foreach}-->
                    <div id="msg-for-mailaddress" class="description " style ="color: red;"></div>
                  </div>
                </div>
              </fieldset>
              <div class="form-item" id="edit-field-street-0-value-wrapper">
                <label for="edit-field-street-0-value">Street: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input name="street" id="street" size="60" value="" class="form-text required text" type="text">
              	<span class="form-required" id="msg-for-street"></span>
              </div>
              <div class="form-item" id="edit-field-line2-0-value-wrapper">
                <label for="edit-field-line2-0-value">Line 2: </label>
                <input name="line2" id="line2" size="60" value="" class="form-text text" type="text">
              </div>
              <div class="form-item" id="edit-field-city-0-value-wrapper">
                <label for="edit-field-city-0-value">City: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input name="city" id="city" size="60" value="" class="form-text required text" type="text">
              	<span class="form-required" id="msg-for-city"></span>
              </div>
              <div class="form-item" id="edit-field-state-value-wrapper">
                <label for="edit-field-state-value">State: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <select name="state" class="form-select required" id="state">
                 <!--{html_options options=$stateList selected="1"}-->
                </select>
              </div>
              <div class="form-item" id="edit-field-zip-0-value-wrapper">
                <label for="edit-field-zip-0-value">Zip Code: 
                  <span class="form-required" title="This field is required.">* </span>
                </label>
                <input name="zip" id="zip" size="60" value="" class="form-text required text" type="text">
              	<span class="form-required" id="msg-for-zip"></span>
              </div>
              <div class="form-item" id="edit-field-country-value-wrapper">
                <label for="edit-field-country-value">Country: </label>
                <select name="country" class="form-select" id="country">
                 <!--{html_options options=$countryList selected="1"}-->
                </select>
              </div>
              <div class="form-item" id="edit-field-tel-0-value-wrapper">
                <label for="edit-field-tel-0-value">Telephone: </label>
                <input name="tel" id="tel" size="60" value="" class="form-text text" type="text">
              </div>
              <div class="form-item" id="edit-field-fax-0-value-wrapper">
                <label for="edit-field-fax-0-value">Fax: </label>
                <input name="fax" id="fax" size="60" value="" class="form-text text" type="text">
              </div>
			<fieldset class="group-select1">
            	<legend>select1 </legend>
		             <div class="form-item">
	                  <label>Mailmagazine: 
	                    <span class="form-required" title="This field is required.">* </span>
	                  </label>
	                  <div class="form-radios">
	                    <div class="form-item" id="edit-field-mailmagazine-value-agree-wrapper">
	                      <label class="option" for="edit-field-mailmagazine-value-agree">
	                        <input id="mailmagazine-agree" name="mailmagazine" value="agree" class="form-radio" type="radio">agree
	                      </label>
	                    </div>
	                    <div class="form-item" id="edit-field-mailaddress-value-disagree-wrapper">
	                      <label class="option" for="edit-field-mailaddress-value-disagree">
	                        <input id="mailmagazine-disagree" name="mailmagazine" value="disagree" class="form-radio" type="radio">disagree 
	                      </label>
	                    </div>
	                    
	                  </div>
	                  <div id="msg-for-mailmagazine" class="description " style ="color: red;"></div>
	                </div>
               </fieldset>
              
              <fieldset class="group-select2">
                <legend>select2 </legend>
                <div class="form-item">
                  <label>Membership Fee: 
                    <span class="form-required" title="This field is required.">* </span>
                  </label>
                  <div class="form-radios">
                  	<!--{foreach key=item_key from=$membershipFeeList item=fee}-->
                    <div class="form-item" id="edit-field-mfee-value-<!--{$item_key}-->-wrapper">
                      <label class="option" for="edit-field-mfee-value-<!--{$item_key}-->">
                        <input id="mfee-<!--{$item_key}-->" name="mfee" value="<!--{$item_key}-->" class="form-radio" type="radio"><!--{$fee}-->
                      </label>
                    </div>
                    <!--{/foreach}-->
                    <div id="msg-for-mfee" class="description " style ="color: red;"></div>
                  </div>
                </div>
              </fieldset>
              <input name="op" id="form-edit-submit" value="Create new account" class="form-submit" type="button" >
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- /.section, /#content -->
  </div>
</div>
<!-- /#main, /#main-wrapper -->
